/*Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

/*Reset CSS*/


/* 網頁預設文字顏色，一定要是黑色，不要修改，其他要使用顏色另外自訂 */
body,td,th {
	color: #000;
	font-size: 15px; /*為了fullcalendar_mini，字級不要超過13px*/
	line-height: 16px;
	font-family: "微軟正黑體",Verdana, Geneva, sans-serif,"新細明體";
}

/* 預設網頁超連結顏色設定 */
a:link,a:active,a:visited { color : #333333;
                            font-family: "微軟正黑體",Verdana, Geneva, sans-serif,"新細明體";
							font-size: 15px;
                            /*移除IE連結外框線*/
							outline: none; /* Firefox,Chrome */
                            hlbr: expression(this.onFocus=this.blur()); /* IE */
}

a:hover { text-decoration: underline; 
          font-family: "微軟正黑體",Verdana, Geneva, sans-serif,"新細明體";
		  color : #000; 
          /*移除IE連結外框線*/
		  outline: none; /* Firefox,Chrome */
          hlbr: expression(this.onFocus=this.blur()); /* IE */
}


/*反白文字、背景顏色*/
::-webkit-selection {
    background: #9bcdd7;
	color: #fff;
}
::-moz-selection {
	background: #9bcdd7;
	color: #fff;
}
::selection {
	background: #9bcdd7;
	color: #fff;
}
/*反白文字、背景顏色*/

/*常用文字、圖片樣式*/
#w_w { color:#fff;font-size:18px;}
#w_w a:link{color:#fff;font-size:18px;}
#w_w a:visited{color:#fff;font-size:18px;}
#w_w a:hover{color:#fff;font-size:18px;}

.w_w { color:#fff;}
.w_w a:link{color:#fff;}
.w_w a:visited{color:#fff;}
.w_w a:hover{color:#fff;}

.w_blue {
	color: #0088EC;
	text-decoration: none;
}
.w_blue a:link{color:#0088EC;text-decoration:none;}
.w_blue a:visited{color:#0088EC;text-decoration:none;}
.w_blue a:hover{color:#0088EC;text-decoration: underline;}

.w_b { color:#000;}
.w_b a:link{
	color: #000;
	text-decoration: none;
}
.w_b a:visited{
	color: #000;
	text-decoration: none;
}
.w_b a:hover{
	color: #000;
	text-decoration: underline;
}

#w_r { color:#ff0000;}
#w_r a:link{color:#ff0000;}
#w_r a:visited{color:#ff0000;}
#w_r a:hover{color:#ff0000;}

.w_12 { font-size:12px;}
.w_20 { font-size:20px;}
.w_36 { font-size:36px;font-weight: 100;}
.w_t1 {
	font-weight: bold;
	padding-top:10px;
	padding-bottom:10px;
}
.w_t1 a:link{
	font-weight: bold;
	text-decoration:none;
}
.w_t1 a:visited{
	font-weight: bold;text-decoration:none;
}
.w_t1 a:hover{
	font-weight: bold;
	text-decoration:underline;
}

.pic_border1 {
	padding: 3px;
	border: 1px solid #CCC;	
	}
.inputstyle_sub {
	background-color: #ffd801;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	cursor: pointer;
}
.inputstyle {
	font-family: "微軟正黑體",Verdana, Geneva, sans-serif,"新細明體";
	background-image: url(images/input.gif);
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-width: 0px;
	color: #000;
	height: 26px;
	width: 180px;
}
.inputstyle2 {
	background-color: #fff;
	height: 20px;
	width: 279px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px;
	color: #000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*常用文字、圖片樣式*/

#header_bar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1000;
	}
#header_bar1 {
	background-color: #ffd801;
	padding-top: 3px;
	padding-bottom: 3px;
	}
#header_bar1_1 {
	max-width:98%;
	min-width:1000px;
	}
#header_bar1_1_1 {
	padding-left: 5px;
	padding-right: 5px;
	}
#header_bar2 {
	background-color:#f9f9f9;
	height:60px;
	}
#header_bar2_1 {
	max-width:98%;
	min-width:1000px;
	}
#header_bar2_1_1 {
	float:left;
	margin-top:5px;
	width:280px;
	width:280px \9;
	*width:280px;
	_width:280px;
	}
#header_bar2_1_2 {
	float:right;
	width:720px;
	width:720px \9;
	*width:720px;
	_width:720px;
	}
#header_bar2_1_2_1 {
	padding-top:17px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	}
#header_bar3 {
	width: 100%;
	height: 36px;
	background-image: url(images/black2.png);
	clear: both;
	}
#header_bar3_1 {
	max-width:95%;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
    }
#header_bar3_MenuBar {
	background-color: transparent;
	font-size: 15px;
	padding-top: 10px;
	color: #fff;
	_color: #000;
	margin-right: 20px;
    }


#header {
	max-width:100%;
	min-width:1000px;
	padding-top:86px;
	_padding-top:0px;
	/*background: url(images/header.jpg) 50% 0;*/
	/*background: url(images/header.jpg) 50% 0 no-repeat fixed;*/
	height: 100%;     /*DIV的父容器自動高度撐高*/
	overflow: hidden; /*DIV的父容器自動高度撐高*/
	position:relative;
	}

#header_apDiv {
	z-index:1;
	width:100%;
	position:absolute;
	bottom:38px;
	left:0px;
	}

#header_bottom_apDiv {
	z-index:1;
	position:absolute;
	bottom:120px;
	left:0px;
	}

#main_main {
	padding: 15px;
	background-color: #FFFFFF;
	height: 100%;     /*DIV的父容器自動高度撐高*/
	overflow: hidden; /*DIV的父容器自動高度撐高*/
	}
#main_main_title {
	}
#main_main_title1 {
	border-left: 2px solid #FFD801;
	border-bottom: 2px solid #FFD801;
	padding: 10px;
	height: 100%;     /*DIV的父容器自動高度撐高*/
	overflow: hidden; /*DIV的父容器自動高度撐高*/
	}
#main_main_title1_1 {
	float: left;
	}
#main_main_title1_2 {
	float: right;
	}
	
#main_main_title2 {
	padding: 10px;
	}
#main_main_title2_1 {
	float: left;
	}
#main_main_title2_2 {
	float: right;
	}
	
#main_main_content {
	clear: both;
	padding: 10px;
	line-height: 185%;
    letter-spacing: 0;
	}
#main_main_content_pic1 {
	background-color: #ffd801;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width:100px;
	}
#main_main_content_pic2 {
	padding: 10px;
	border: 2px solid #ffd801;
	height: 100%;     /*DIV的父容器自動高度撐高*/
	overflow: hidden; /*DIV的父容器自動高度撐高*/
	}
#main_main_content_pic3 {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	width:200px;
	height:150px;
	}
	
#main_index0 {
	/*overflow-x: hidden;禁止x軸*/
	/*overflow-y: hidden;禁止y軸*/
	height: 684px;
	background-image: url(images/class1.png);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -3px;
	background-position: 50% 0%;
	position:relative;
	max-width:100%;
	min-width:1000px;
	}
#main_index0_apDiv {
	z-index:1;
	position:absolute;
	top:-90px;
	}
	
		
#main_index1 {
	height: 540px;
	padding-top: 20px;
	position:relative;
	}
	
#main_index1_apDiv {
	z-index:1;
	position:absolute;
	top:-125px;
	}
	
#main_index1_1 {
	overflow: hidden;
	}
#main_index1_2 {
	width: 24%;
	height: 410px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	}
#main_index1_3 {
	width: 100%;
	height: 100%;
	overflow:hidden;
	position: absolute;
	z-index: 1;
	top: 20px;
	_top: 20px;
	left: 0px;
	border-right: 1px solid #707070;
	}
#main_index1_3_pic {
	border:solid 2px #e55932;
	-moz-border-radius: 104px;
	-webkit-border-radius: 104px;
	border-radius: 104px;
	width:208px;
	overflow:hidden;
	}
#class_pic2 {
	border:solid 2px #fff;
	-moz-border-radius: 104px;
	-webkit-border-radius: 104px;
	border-radius: 104px;
	width:208px;
	overflow:hidden;
	}
#main_index1_3_1 {
	line-height:18px;
	}
#main_index1_3_2 {
	height:22px;
	overflow:hidden;
	padding-left:25px;
	padding-right:25px;
	}
#main_index1_3_2_1 {
	float:left;
	}
#main_index1_3_2_2 {
	float:right;
	padding-top:5px;
	}
#main_index2 {
	height:676px;
	background-color:#ececec;
	overflow:hidden;
	}
#main_index2_1 {
	width:277px;
	height:231px;
	overflow:hidden;
	float:left;
	}

#showmember {
	
	}
#showmember1 {
	height: 100%;
	width: 200px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
	}
#showmember2 {
	height: 100%;
	width: 200px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	float:left;
	}

#footer {
	background-color:#e45932;
	height: 570px;    
	overflow: hidden;
	color:#fff;
	clear:both;
	}
#footer a:link{color:#fff;}
#footer a:visited{color:#fff;}
#footer a:hover{color:#ffd602;}	

.footer_padding {
	padding-top: 7px;
	padding-bottom: 7px;	
	}

#footer1 {
	width:1000px;
	height: 434px;
	overflow: hidden;
	}
#footer1_1 {
	width: 409px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 377px;    
	overflow: hidden; 
	padding-top: 28px;
	padding-bottom: 79px;
	}
#footer1_2 {
	width: 289px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 377px;
	overflow: hidden;
	padding-top: 28px;
	padding-bottom: 79px;
	padding-left: 10px;
	padding-right: 10px;
	}
#footer1_2_1 {
	background-color: #fff;
	height: 20px;
	width: 279px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	}
#footer1_3 {
	width: 270px;
	float: left;
	height: 377px;
	overflow: hidden;
	padding-top: 28px;
	padding-bottom: 79px;
	padding-left: 10px;
	}

#footer2 {
	height: 84px;
	overflow: hidden;
	border-top: 1px solid #fff;
	clear: both;
	}
#footer2_1 {
	width:1000px;
	}
#footer2_1_1 {
	padding-left:5px;
	padding-right:5px;
	float:left;
	margin-top:20px
	}
	
#header_bt {

   }
	
@media screen and (max-width: 1200px) {
  #header_bt {
	width: 300px;
    height:55px;
  }
  #header_bt2 {
	width: 262px;
    height:55px;
  }
}
/*
@media screen and (max-width: 700px) {
  #header_bt {
    width: 200px;
  }
}
@media screen and (max-width: 500px) {
  #header_bt {
    width: 150px;
  }
}*/